
var swiper = new Swiper('.swiper-container', {
  slidesPerView: 7,
  spaceBetween: 50,
  // init: false,
  autoplay :1000,
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
//breakpoints: {
//  1024: {
//    slidesPerView: 4,
//    spaceBetween: 40,
//  },
//  768: {
//    slidesPerView: 3,
//    spaceBetween: 30,
//  },
//  
//  
//}
});












var one = document.querySelector("#one");
var isBlock = false;
one.addEventListener("click", function(){
	if(!isBlock){
		one.style.color = "red"
		isBlock = true;
	} else {
		one.style.color = "#bebebe"
		isBlock = false;
	}
})

var two = document.querySelector("#two");
var isBlock = false;
two.addEventListener("click", function(){
	if(!isBlock){
		two.style.color = "red"
		isBlock = true;
	} else {
		two.style.color = "#bebebe"
		isBlock = false;
	}
})

var three = document.querySelector("#three");
var isBlock = false;
three.addEventListener("click", function() {
	if(!isBlock) {
		three.style.color = "red"
		isBlock = true;
	} else {
		three.style.color = "#bebebe"
		isBlock = false;
	}
})

var four = document.querySelector("#four");
var isBlock = false;
four.addEventListener("click", function() {
	if(!isBlock) {
		four.style.color = "red"
		isBlock = true;
	} else {
		four.style.color = "#bebebe"
		isBlock = false;
	}
})

var mo = document.querySelector("#mo");
var yan = document.querySelector("#yan");
var isBlock = false;
yan.addEventListener("click", function() {
	if(!isBlock) {
		mo.style.display = "none"
		isBlock = true;
	} else {
		mo.style.display = "block"
		isBlock = false;
	}
})

var an = document.querySelector("#an");
var dong = document.querySelector("#dong");
var isBlock = false;
dong.addEventListener("click", function() {
	if(!isBlock) {
		an.style.display = "none"
		isBlock = true;
	} else {
		an.style.display = "block"
		isBlock = false;
	}
})

var ping = document.querySelector("#ping");
var lun = document.querySelector("#lun");
var isBlock = false;
lun.addEventListener("click", function() {
	if(!isBlock) {
		ping.style.display = "block"
		isBlock = true;
	} else {
		ping.style.display = "none"
		isBlock = false;
	}
})


